<template>
<div>个人信息填写
</div>
<div>
    姓名
    <el-input v-model="inputValue"/>
</div>

<div>
    性别
<el-radio-group v-model="radio">
<el-radio value="男" >男</el-radio>
<el-radio value="女">女</el-radio>
</el-radio-group>
</div>


<div>
    爱好
    <el-checkbox-group v-model="intValueList">
    <el-checkbox label="吃" value="吃"/>
<el-checkbox label="喝" value="喝"/>
<el-checkbox label="玩" value="玩"/>
<el-checkbox label="乐" value="乐"/>
    </el-checkbox-group>

</div>

<div>
    自我介绍
    <el-input heigh="100px" v-model="txtValue" type="textarea"/>
</div>
<div>我是{{ inputValue }}，性别{{ radio }}，我的爱好是{{intValueList  }}，自我介绍是：{{ txtValue }}</div>
</template>

<script setup>
import { ref } from 'vue';


const inputValue=ref("");
const radio=ref("");
const intValueList = ref([]);
const txtValue=ref("");



</script>